<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>几个定位Demo</title>
	
	</head>
	<body>
	<style type="text/css">
		/*  浮动 */
		.fp{
			width:620px;
			height:300px;
			border: 5px red solid;
			float: left;
		}
		.fs1{
			width:200px;
			height:300px;
			border: 5px blue solid;
			float: left;
		}
		.fs2{
			width:400px;
			height:300px;
			border: 5px yellow solid;
			float: left;
		}
		.nm{
			width:650px;
			height:350px;
			border: 5px #000000 solid;
			background-color: pink;
			clear: both;
			margin-top: 100px;
		}
		.nm2{
			width:650px;
			height:350px;
			border: 5px #000000 purple;
			background-color: purple;
			margin-top: 100px;
		}
	</style>
	<div class="fp">
		<div class="fs1">浮动A</div>
		<div class="fs2">浮动B</div>
	</div>
	<div class="nm">
		普通DIV 1
	</div>
	<div class="nm2">
		普通DIV 2
	</div>
	
	</body>
</html>
